<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <!--无数据提示 开始-->
    <section th:if="${#lists.isEmpty(dataMap['list'])}" class="no-data__wrap">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">还没有上传此专业的讲师~~~</span></p>
    </section>
    <!--无数据提示 结束-->
    <div th:if="!${#lists.isEmpty(dataMap['list'])}" class="teacher-list__wrap mt20">
        <c:forEach items="${teacherList}" var="teacher">
        </c:forEach>
        <section th:each="teacher : ${dataMap['list']}" class="cm-wbg__bx teacher-item-bx">
            <div class="media">
                <div class="media-left">
                    <a th:href="@{/web/teacher/info?teacherId={teacherId}(teacherId=${teacher['id']})}">
                        <img class="media-object lazy" th:alt="${teacher['teacherName']}" width="150" height="150"  th:attrappend="data-original=${teacher['imageMap']['pcUrlMap']['large']}"/>
                    </a>
                </div>
                <div class="media-body">
                    <div class="ml20 mr20">
                        <h4 class="media-heading mt10">
                            <span th:if="${teacher['isQuestion']==1}" class="fs20 c-danger vam">[问答专家]</span>
                            <a th:href="@{/web/teacher/info?teacherId={teacherId}(teacherId=${teacher['id']})}" class="fs20 c-333 vam" th:text="${teacher['teacherName']}"></a>
                        </h4>
                        <section class="mt20 cm-desc-txt__twoLine">
                            <span class="fs14 c-999" th:utext="${#strings.abbreviate(teacher['depict'],90)}"></span>
                        </section>
                        <section th:if="${teacher['isQuestion']}==1" class="mt20">
                            <span class="mr20 fs14 c-999">
                                <i class="fa fa-user-plus"></i> 学生数
                                <small class="ml5 c-success" th:text="${teacher['userNum']}">0</small>
                            </span>
                            <span class="mr20 fs14 c-999">
                                <i class="fa fa-question-circle"></i> 问题数
                                <small class="ml5 c-success" th:text="${teacher['questionNum']}">0</small>
                            </span>
                            <span class="mr20 fs14 c-999">
                                <i class="fa fa-book"></i> 课程数
                                <small class="ml5 c-success" th:text="${teacher['courseNum']}">0</small>
                            </span>
                        </section>
                        <section th:if="${teacher['isQuestion']}==0" class="mt20">
                            <span class="mr20 fs14 c-999">
                                <i class="fa fa-book"></i> 课程数
                                <small class="ml5 c-success" th:text="${teacher['courseNum']}">0</small>
                            </span>
                        </section>
                    </div>
                </div>
                <div th:if="${teacher['isQuestion']}==1" class="media-right">
                    <div class="teacher-item-r-attr text-center">
                        <div class="mt20">
                            <section class="pt10" th:if="${teacher['questionFee']}>0">
                                <span class="fs12 c-danger"><i class="fa fa-yen"></i></span>
                                <span class="fs24 c-danger" th:text="${teacher['questionFee']}"></span>
                                <span class="fs14 c-999">/次</span>
                            </section>
                            <section class="pt10" th:if="${teacher['questionFee']}<=0">
                                <span class="fs24 c-primary">免费</span>
                            </section>
                            <section class="mt20 pt10">
                                <a th:href="@{/web/uc/qa/initSaveQuestionView?type=2&teacherId={teacherId}(teacherId=${teacher['id']})}" class="qa-but-box" th:attrappend="data-id=${teacher['id']}" data-type="2">
                                    <button type="button" class="btn btn-block btn-lg btn-w-m btn-danger unRadius">向TA提问</button>
                                </a>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!--讲师列表 结束-->
    <!-- 分页，开始 -->
    <div data-th-replace="layout/webPage"></div>
    <!-- 分页，结束 -->
</html>
